position.getAllMarker4); controller.js 1.controller(new4Ctrl， {target: marker});33 34function markerClick(e) {35infoWindow.setContent(e.target.content);36infoWindow.open(map，31.22]//定位到上海 6}); 7AMap.plugin(AMap.ToolBar，18departure:item.departure，从微观上阐明每个点的差异， 二、项目搭建 首先来说一下我们的数据集，Position){ 2var map = new AMap.Map(container，res) { 2var order_id = req.body.order_id; 3console.log(获取所有标志点处事器端); 4console.log(req.body); 5 6var con = connection.query(SELECT * FROM new_3 n3 ，20lng:item.lng。

亦可能是获取数据，项目运行功效图如下： 当点击搜索按钮之后，在数据会合我们有两张表， 4zoom: 10， ， markerClick);32marker.emit(click，query)3.success(function(data){4success(data);5});6}; html 1 div class=container ng-app=PCMapInput ng-controller=new4Ctrl 2div class=container-fluid 3div class=row-fluid 4div class=span6 5div id=container tabindex=0 style= width: 800px; height:500px/div 6/div 7div class=span6 8div style= width: 100px; height:50px/div 9div class=bar bar-header item-input-inset10label class=item-input-wrapper11i class=icon ion-ios-search placeholder-icon/i12input type=text ng-model=order_id placeholder=订单查询 style=width: 150px13/label14button class=button button-balanced ng-click=mapSearch()搜索/button15/div16/div17/div18/div19 /div 在上述代码中利用了ng-model双向绑定，个中所带的字段如下： new_3中的字段为前三个。

一张表为new_3，28map: map29});30marker.content = Courier + + (courier_id) + + In outlets + + (shop_id) + + spend + + (time) + + Minutes， -30)});18console.log(data.data[0]);19order_id = data.data[0].order_id;20var shop_id = data.data[0].shop_id;21var lng = data.data[0].lng;22var lat = data.data[0].lat;23var courier_id = data.data[0].courier_id;24var amount = data.data[0].amount;25var time = data.data[0].arrival_time + data.data[0].departure;26var marker = new AMap.Marker({27position: [lng，然后让其在舆图中举办显示，这里将不再赘述，但愿你能实现node架构前靠山的交互传值，data:new_3});28})29 30 }; 个中需要说明的一点：order_id需要前台举办吸收，然后点击button举办触发，success) {2$http.post(CONFIG.host + /getAllMarker4，从宏观上看到每个点，并把返回的数据显示到前台，19amount:item.amount，16addr: item.Addr。

在上一篇博文中主要报告了如何操作AngularJs+Node+MySql构建项目， take pieces + + (amount) + +Order number: + + (data.data[0].order_id);31marker.on(click。

function(err，17arrival_time: item.arrival_time， Angularjs+node+Mysql实现舆图上的多点标注原文地点：（注：本文是在这篇博文的基本长举办增加成果的，搭建情况与运行，） 项目源码地点：https://github.com/zhangxy1035/Gould （项目中的源码已经更新） 一、项目演示 我们常常在本身的业务中，接下来我们将要实现的成果就是通过前台输入Order_id， position.js文件代码： 1 exports.getAllMarker4 = function(req，这样一个搜索的成果就实现了，靠山举办吸收。

本日在这篇文章中，另一张表为sample表。

我们将在上一个项目标基本上，实现特定点的定位以及附加信息的展示，由于在上一篇中我们已经将项目构建完成， e.target.getPosition());37}38 39map.setFitView();40 41});42} else {43alert(请输入正确订单号！);44}45}46 47 48 49}) service.js 1var getAllMarker4 = function (query，所以需要这样书写：var order_id = req.body.order_id; start.js， 5center: [121.48，但凡前台靠山数据传输。

显示时也必需带上本身的附加信息，执行查询，这样我们的项目就越发完善了，result，用这种要领都是简朴易于实现的，sample表中的字段为后头几个，14shop_id:item.shop_id，需要搜索某一点， lat]，功效如图 定位到了特定的点，function(){ 8var toolbar = new AMap.ToolBar(); 9map.addControl(toolbar)10})11var order_id=$scope.order_id;12//自界说搜索13$scope.mapSearch = function () {14//自界说搜索15if ($scope.order_id) {16Position.getAllMarker4({order_id: $scope.order_id}， function (data) {17var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0。

sample s WHERE s.addr=n3.shop_id AND order_id=+order_id+，快去动手试试吧，此刻我们只需要在start.js文件中增加这样一句代码即可： 1 app.post(/getAllMarker4，通过对付本文的进修，fields){ 7if(err){ 8throw err; 9}10var new_3 = [];11result.forEach(function (item) {12var new_1item = {13order_id:item.Order_id，而且还打印出了该点所携带的附加信息。

并实现舆图上的多点标注，{ 3resizeEnable: true，15courier_id: item.Courier_id，21lat:item.lat22 23};24new_3.push(new_1item);25});26console.log(new_3);27res.send({retCode:1，尚有不要健忘在本身的页面中插手从高德舆图上获取到的开拓者key值，这种要领往往在大数据可视化方面很有结果。

function($scope，还请列位能仔细搭建本身的情况，。